<template>
  <div class="StudentProfile">
    <img
      :src="scrImg"
      alt=""
      height="200px"
      width="200px"
    />
    <el-descriptions title="学员资料" direction="vertical" :column="3" border>
      <el-descriptions-item label="sid">{{this.$route.query.sId}}</el-descriptions-item>
      <el-descriptions-item label="姓名">
        <el-tag size="small">{{this.$route.query.name}}</el-tag
      ></el-descriptions-item>
      <el-descriptions-item label="年龄" >{{this.$route.query.age}}</el-descriptions-item>
      <el-descriptions-item label="班级">{{this.$route.query.class}}</el-descriptions-item>
      <el-descriptions-item label="学历">
        <el-tag size="small">{{this.$route.query.degree}}</el-tag
      ></el-descriptions-item>
      <el-descriptions-item label="项目地址" >{{this.$route.query.productUrl}}</el-descriptions-item>
      <el-descriptions-item label="描述">{{this.$route.query.description}}</el-descriptions-item>
      <el-descriptions-item label="城市">{{this.$route.query.city}}</el-descriptions-item>
      <el-descriptions-item label="创建时间">{{this.$route.query.cTime}}</el-descriptions-item>
    </el-descriptions>
    <router-link id="router" to="StudentProduct">
      <br>
      <el-button type="primary">点击返回列表</el-button>
    </router-link>
  </div>
</template>
<script>
    import  imgSrc from '@/assets/img/youyuxi.png'
    export default {
        mounted() {
            console.log(this.$route.query)
            
        },
        data(){
            return{
                tableData:[],
                scrImg:this.$route.query.headimgurl || `https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png`
            }
        },
        meta:{
            title:'xyzl',
            icon:'iconfont icon-shouye',
            name:'人员资料'
        }
    }
</script>
<style lang='less' scoped>
    .student-profill{
            /deep/.el-descriptions__title{
                line-height: 40px !important;
        }
        .imgBox{
            .el-avatar{
                width: 200px;
                height: 200px;
                text-align: center;
                background-color: transparent;
                img{
                    width: 200px;
                    height: 200px;
                }
            }
            margin-top: 40px;
            text-align: center;
           
        }
    }
   
</style>